<template>


<!--<h1>产品详细{{$store.state.pid}}</h1>-->
<div class="main">
<div class="topTitle" :style="'background-image: url('+img+')'">

<div class="productInfo">
  <div class="l">

  </div>
  <div class="r">


  </div>
</div>
</div>


</div>


</template>

<script>
import imgTitle from '../../assets/images/pt.jpg'
export default {
  name: "productDetails",
  data(){
    return{
      img:imgTitle
    }
  },

  methods:{
    d(){
      console.log(this.data);
    }
  },
  mounted() {

  }
}
</script>

<style scoped>

.r{
  width: 500px;
}
.l{
  width: 500px;
}
.productInfo {
  width: 1000px;
  display: flex;


}
.main{
  width: 1000px;
  text-align: left;
  margin:0 auto;
}
.topTitle{
  width: 1000px;
  height: 66px;
}


</style>